<style>
* {
  box-sizing: border-box;
}
.wrapper > div {
  border-radius: 5px;
  background-color: rgb(207, 232, 220);
  padding: 1em;
}
.wrapper {
  display: grid;
  /* 列数控制 */
  grid-template-columns: 1fr 1fr 1fr;
  /* 行高设置 */
  grid-template-rows: 100px 50px;
  /* 间隙设置 */
  grid-gap: 10px;
}
</style>
<div class="wrapper">
  <div class="box1">One</div>
  <div class="box2">Two</div>
  <div class="box3">Three</div>
  <div class="box4">Four</div>
  <div class="box5">Five</div>
  <div class="box6">Six</div>
</div>